<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>购物车</title>
		<!-- css -->	
		<link rel="stylesheet" href="/css/reset.css">
		<link rel="stylesheet" href="/css/cart.css">
		<link rel="stylesheet" type="text/css" href="/css/header.css"/>
		<link rel="stylesheet" href="/css/footer.css">
		<!-- js -->
		<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
	</head>
	<body>
		<!-- 头部 -->
		<header></header>
<div class="cart_login">
	<main>
		<!-- 提示信息 -->
		<div class="register_title">
			<span class="dotted1 dotted"></span>
			<span>购物车</span>
			<span class="dotted2 dotted"></span>
		</div>
		<!-- 购物车为空 -->
		<p class="empty">
			您还没有选购商品，您可以选择以下推荐商品， 也可以
			<a href="/">返回首页</a>购买。
		</p>
		
		<!-- 购物车不为空 -->
		<table border="0" cellspacing="" cellpadding="" class="table_cart not-empty">
			<thead>
				<tr>
					<th class="sp_name">商品名称</th>
					<th>属性</th>
					<th>积分</th>
					<th>单价</th>
					<th>购买数量</th>
					<th>小计</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<!-- 待添加商品 -->
			</tbody>
			<!-- 尾 -->
			<tfoot></tfoot>
		</table>
		<!-- 可选附加品 -->
		<div class="option">
			<p>可选好利来专属附加产品<i> &lt </i></p>
			<!-- 图标   -->
			<a href="/html/list.html">继续购物</a>
		</div>
		<!-- 总计 -->
		<div class="total">
			<a href="javascript:void(0)" class="all_option">全选</a>
			<a href="javascript:void(0)" class="delect_some">×删除选中商品</a>
			<span>
				总计：￥<i id="allCostAmount">0.00</i>
				<div>下一步</div>
			</span>
			
		</div>
		
		<!-- more cake -->
		<div class="more_cake">
			<h4>更多精彩</h4>
			<div class="wrap-more">
				<div class="jingdain">
					<a href="#">
						<span><img src="/images/1456992198036601631.jpg" alt=""></span>
						<div><p>经典系列</p>
						<label>CLASSIC SERIES <i>￥<span>229.00</span></i></label></div>
					</a>
				</div>
			</div><!-- wrap-more-->
		</div>
		
	</main>
</div>	
		<!-- 尾部 -->
		<footer></footer>
		
<!-- template模板 尾部-->
<script type="text/html" id="cart_footer_template">
	{{each moreFood prod}}
		<div class="jingdain">
			<a href="#">
				<span><img src=" {{prod.img}} " alt=""></span>
				<div><p>{{prod.cname}}</p>
				<label>{{prod.name}}<i>￥{{prod.price}}</i></label></div>
			</a>
		</div>
	{{/each}	
</script>
<!--template模板 cart  -->
<script type="text/html" id="cart_template">
	{{each curr prod}}
		<tr>
			<td>
				<input type="checkbox" class="checkbox">
				<img src="{{prod.img}}" alt="">
				<span> {{prod.cname}} <i class="id" style="display: none;">{{prod.id}}</i> </span>
			</td>
			<td>14*14cm</td>
			<td>{{prod.integral}}积分</td>
			<td class="lastPrice">￥<i>{{prod.lastPrice}}</i></td>
			<td class="amount">
				<span class="decrease">-</span>
				<input type="text" value="{{prod.amount}}">
				<span class="increase">+</span>
			</td>
			<td class="allCost">￥<i>{{prod.lastPrice*prod.amount}}</i></td>
			<td><a href="javascript:void(0)" class="delect_footer" >删除</a></td>
		</tr>
	{{/each}}
</script>
		
	</body>
</html>